<template>
	<view class="content">
		<view class="place-time">
			<view class="place-time-tp">
				<view class="place-time-name">真实姓名</view>
				<view class="place-time-con">
					<input type="text" value="大乔" disabled="disabled" class="apply-text" />
				</view>
			</view>
			<view class="place-time-tp">
				<view class="place-time-name">开户行</view>
				<view class="place-time-con">
					<input type="text" value="" placeholder="请输入银行卡开户行" class="apply-text" />
				</view>
			</view>
			<view class="place-time-tp">
				<view class="place-time-name">银行卡号</view>
				<view class="place-time-con">
					<input type="number" value="" placeholder="请输入银行卡号" class="apply-text" />
				</view>
			</view>
		</view>

		<view class="h110"></view>

		<view class="detail-sel">
			<view class="detail-btn">保存</view>
		</view>			
	</view>
</template>
<style lang="scss">
page{
	background-color: $uni-bg-color-grey;
}
/* radio 选中后的样式 */
/deep/.uni-radio-input-checked{
	background-color: rgb(36,201,107)!important;
	border-color: rgb(36,201,107)!important;
	background-clip: content-box!important;
	box-sizing: border-box;
}
.content{
	.place-time{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.place-time-tp{
			height: 60rpx;
			line-height: 60rpx;
			display: flex;
			border-bottom:1px solid #eee;
			padding-bottom:10rpx;
			margin-bottom:10rpx;
			&:last-child{
				border-bottom: none;
				margin-bottom:0;
			}
			.place-time-name{
				flex: 1;
				font-size:28rpx;
			}
			.place-time-con{
				flex: 2.5;
				vertical-align: middle;
				text{
					&:first-child{
						font-size:28rpx;
						color: $uni-text-color-grey;
					}
					&.place-coupon{
						color: #ff0000;
					}
				}
				label{
					font-size: 28rpx;
					radio{
						transform: scale(0.7);
					}				
				}
				.apply-text{
					height: 60rpx;
					line-height: 60rpx;
					font-size: 28rpx;
				}
			}
		}
		.place-time-bt{
			height: 60rpx;
			line-height: 60rpx;
			display: flex;
			.place-time-name{
				flex: 1;
				font-size:28rpx;
			}
			.place-time-con{
				flex: 2;
				text-align: right;
				text{
					&:first-child{
						font-size:28rpx;
						color:#ff0000;
					}
				}
				label{
					font-size: 28rpx;
					radio{
						transform: scale(0.7);
					}				
				}
	
			}
		}
		.place-km{
			margin-top:10rpx;
			font-size: 24rpx;
			color: $uni-text-color-grey;
		}
	}
	.place-rem{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.place-rem-tit{
			font-size: 28rpx;
			margin-bottom: 20rpx;
		}
		.place-rem-con{
			display: flex;
			textarea{
				flex: 1;
				border-radius: 20rpx;
				font-size: 28rpx;
				padding: 20rpx;
				background-color:$uni-bg-color-grey;
			}
		}
	}
	.feed{
		margin:30rpx 20rpx;
		padding:30rpx;
		background-color: #fff;
		border-radius: 20rpx;
		.feed-tips{
			margin-top: 20rpx;
			font-size: 24rpx;
			color: rgb(118, 118, 118);
		}
		.feed-tip{
			font-size: 28rpx;
			color:rgb(118, 118, 118);
		}
		.feed-tit{
			font-size:28rpx;
			margin-bottom: 20rpx;
			text{
				color: #f00;
				margin-left: 10rpx;
			}
		}
		.feed-con{
			.apply-img{
			  width: 150rpx;
			  height: 150rpx;
			  overflow: hidden;
			  display: inline-block;
			  position: relative;
			  margin:10rpx 10rpx 0 0;
			}
			.photo{
			  width: 150rpx;
			  height: 150rpx;
			}
			.del{
			  width: 30%;
			  position: absolute;
			  right:5rpx;
			  top: 5rpx;
			}
			.feed-text{
				padding:20rpx;
				font-size: 28rpx;
				border-radius: 20rpx;
				background-color: $uni-bg-color-grey;
			}
			.feed-input{
				margin: 20rpx 0 0;
				height: 80rpx;
				line-height: 80rpx;
				border-radius: 20rpx;
				padding: 0 20rpx;
				font-size: 28rpx;
				background-color: $uni-bg-color-grey;
			}
			text{
				width: 31%;
				height: 60rpx;
				font-size: 28rpx;
				margin: 10rpx 18rpx 10rpx 0;
				line-height: 60rpx;
				border-radius:30rpx;
				display: inline-block;
				text-align: center;
				background-color: $uni-bg-color-grey;
				&:nth-child(3n){
					margin: 10rpx 0 10rpx 0;
				}
				&.feed-act{
					color: #fff;
					background-color: $uni-text-color-active;
				}
			}
		}
	}
	.detail-sel{
		padding: 20rpx;
		position:fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		text-align: center;
		.detail-btn{
			height:70rpx;
			line-height: 70rpx;
			border-radius: 35rpx;
			color: #fff;
			font-size: 28rpx;
			background-color:$uni-text-color-active;
		}
	}
	.h110{
		width: 100%;
		height:110rpx;
	}
}
</style>